<template>
  <Footer :username="username" :myChange="changeName"></Footer>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
import Footer from "@/components/Footer.vue";
const username = ref("张三");

const changeName = function (e: string) {
  username.value = e;
};
</script>

<style style="less" scoped></style>
